@use "../../default" as theme;
@use "../../ScrollArea/style/default" as ScrollArea;
@use "../../VirtualScroll/style/default" as VirtualScroll;
@use "../../Icon/style/default" as Icon;
@use "../../Spin/style/default" as Spin;
.pf-Menu{
	height:100%;
	border-right:1px solid theme.$Menu-border-color;
	user-select:none;
}
.pf-Menu_item{
	position:relative;
	height: theme.$Menu-height;
	padding: theme.$Menu-padding;
	display:flex;
	align-items:center;
	font-size: theme.$Menu-content-size;
	color: theme.$Menu-color;
	transition: theme.$Menu-transition;
	transition-property:background-color,color;
	cursor:pointer;
	text-decoration:none;
	&:not(.pf--active):hover{
		background: theme.$Menu-hover-color;
	}
	&.pf--active{
		color: theme.$Menu-active-color;
		background: theme.$Menu-active-bg-color;
	}
	&.pf--active-path{
		.pf-Menu_content{
			color: theme.$Menu-active-color;
		}
	}
	&.pf--disabled,&.pf--expandable-false{
		opacity: theme.$Menu-disabled-opacity;
		cursor:not-allowed;
	}
}
.pf-Menu_content{
	flex-grow:1;
	flex-basis:0;
}
.pf-Menu_spin,.pf-Menu_icon{
	flex-shrink:0;
	transition: theme.$Menu-transition;
	transition-property:transform;
}
.pf-Menu_icon{
	&.pf--expanded{
		transform:rotate(180deg);
	}
}